<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>首页模板</title>
<meta name="Keywords" content="" />
<meta name="Description" content="" />
<link rel="Shortcut Icon" href="favicon.ico">
<link rel="stylesheet" href="css/m_common.css">
<!-- 首页css -->
<link rel="stylesheet" href="css/m_index.css">
<!-- 首页css end -->
<!-- 公共 js -->
<script src="js/jquery.js"></script>
<script src="js/m_public.js"></script>
<!-- 公共 js end-->
<!-- 首页 焦点图 分组 触屏左右滑动 js -->
<script src="js/jquery.touchSlider.js"></script>
<script src="js/m_index_jdt.js"></script>
<script src="js/m_index_classify.js"></script>
<!-- 首页 焦点图 分组 触屏左右滑动 js end -->
</head>
<body>
<!-- header -->
<header class="f">
    <a class="home arrows" href="javascript:void(0)">北京</a>
    <a class="logo" href="/"></a>
    <a class="person" href="">我的</a>
</header>
<!-- header end -->
<!-- 焦点图 -->
<div class="jdt_visual">
	<div class="jdt_image">
		<ul>
			<li><a href="#"><img src="pic/1.jpg"></a></li>
			<li><a href="#"><img src="pic/2.jpg"></a></li>
			<li><a href="#"><img src="pic/3.jpg"></a></li>
			<li><a href="#"><img src="pic/4.jpg"></a></li>
			<li><a href="#"><img src="pic/5.jpg"></a></li>
			<li><a href="#"><img src="pic/6.jpg"></a></li>
		</ul>
        <a href="javascript:;" id="btn_prev"></a>
		<a href="javascript:;" id="btn_next"></a>
	</div>
	<div class="jdt_con">
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
		<a href="#">4</a>
		<a href="#">5</a>
		<a href="#">6</a>
	</div>
    <!-- 搜索框 -->
    <div class="search_box">
        <input placeholder="ClubMed度假村" type="text">
    </div>
    <!-- 搜索框 end -->
</div>
<!-- 焦点图 end -->
<!-- 问候语 -->
<div class="greetings zoom">
    <p>上午好，&nbsp;webcai</p>
    <h4>寒假的出行计划您安排好了吗？</h4>
</div>
<!-- 问候语 end -->
<!--分组 -->
<div class="classify_box">
	<div class="classify_uout">
		<ul>
			<li>
                <div class="item">
                    <img src="images/T102.png">
                    <h2>户外</h2>
                </div>
                <div class="item">
                    <img src="images/T104.png">
                    <h2>场馆</h2>
                </div>
                <div class="item">
                    <img src="images/T101.png">
                    <h2>酒店</h2>
                </div>
                <div class="item">
                    <img src="images/T103.png">
                    <h2>儿童剧</h2>
                </div>
                <div class="item">
                    <img src="images/T106.png">
                    <h2>科学</h2>
                </div>
            </li>
			<li>
                <div class="item">
                    <img src="images/T107.png">
                    <h2>手工</h2>
                </div>
                <div class="item">
                    <img src="images/T110.png">
                    <h2>冬令营</h2>
                </div>
                <div class="item">
                    <img src="images/T105.png">
                    <h2>国内游</h2>
                </div>
                <div class="item">
                    <img src="images/T108.png">
                    <h2>境外游</h2>
                </div>
                <div class="item">
                    <img src="images/T109.png">
                    <h2>其他</h2>
                </div>
            </li>
			<li>
                <div class="item">
                    <img src="images/T100.png">
                    <h2>全部</h2>
                </div>
            </li>            
		</ul>
        <a href="javascript:;" id="btnify_prev"></a>
		<a href="javascript:;" id="btnify_next"></a>
	</div>
	<div class="classify_con">
		<a href="#">1</a>
		<a href="#">2</a>
		<a href="#">3</a>
	</div>
</div>
<!-- 分组 end -->
<!-- 爸妈推荐 -->
<div class="recommendOut">
    <img src="images/recommend_index.png">
    <div class="recommend">
        <ul>
            <li>
                <p>@子泰妈妈 推荐</p>
                <p>上海迪士尼乐园门票！支持年卡1</p>
            </li>
            <li>
                <p>@子泰妈妈 推荐</p>
                <p>全国包邮！科普翻翻书《看里面》系列第一辑2</p>
            </li>
            <li>
                <p>@子泰妈妈 推荐</p>
                <p>上海迪士尼乐园门票！支持年卡3</p>
            </li>
            <li>
                <p>@子泰妈妈 推荐</p>
                <p>上海迪士尼乐园门票！支持年卡4</p>
            </li>
            <li>
                <p>@子泰妈妈 推荐</p>
                <p>上海迪士尼乐园门票！支持年卡5</p>
            </li>        
        </ul>
    </div>
</div>
<!-- 爸妈推荐 end -->
<!-- 完善信息 -->
<div class="home-profile">
    <p>补充孩子年龄信息，获得适龄活动推荐</p>
    <a href="javascript:void(0)">立即完善</a>
</div>
<!-- 完善信息 end -->
<!-- 热门主题 -->
<div class="module special">
    <!-- title -->
    <div class="title"><h1>热门主题</h1></div>
    <!-- title end -->
    <div class="speciallist">
        <ul>
            <li>
                <img src="pic/s1.jpg">
                <h3>儿童剧★特价</h3>
            </li>
            <li>
                <img src="pic/s2.jpg">
                <h3>日本小学团日本小学团</h3>
            </li>
            <li>
                <img src="pic/s3.jpg">
                <h3>儿童剧★特价</h3>
            </li>
            <li>
                <img src="pic/s4.jpg">
                <h3>日本小学团日本小学团</h3>
            </li>
            <li>
                <img src="pic/s5.jpg">
                <h3>儿童剧★特价</h3>
            </li>
            <li>
                <img src="pic/s6.jpg">
                <h3>日本小学团日本小学团</h3>
            </li>
            <li>
                <img src="pic/s7.jpg">
                <h3>儿童剧★特价</h3>
            </li>
        </ul>
    </div>
</div>
<!-- 热门主题 end -->
<!-- 周末活动推荐 -->
<div class="module activity">
    <!-- title -->
    <div class="title">
        <h1>周末活动推荐</h1>
        <div class="more"><a href="">更多</a></div>
    </div>
    <!-- title end -->
    <div class="activitylist">
        <ul>
            <li>
                <a href=""><img src="pic/w1.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price"><i class="paymoney">158</i>起</div>
            </li>
            <li>
                <a href=""><img src="pic/w2.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price"><i class="paymoney">158</i>起</div>
            </li>
            <li>
                <a href=""><img src="pic/w3.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price"><i class="paymoney">158</i>起</div>
            </li>
            <li>
                <a href=""><img src="pic/w4.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price"><i class="paymoney">158</i>起</div>
            </li>            
        </ul>
    </div>
</div>
<!-- 周末活动推荐 end -->
<!-- 广告 -->
<div class="gg">
    <a href=""><img src="pic/gg.jpg"></a>
</div>
<!-- 广告 end -->
<!-- 附近活动推荐 -->
<div class="module activity">
    <!-- title -->
    <div class="title">
        <h1>附近活动推荐</h1>
        <div class="more"><a href="">更多</a></div>
    </div>
    <!-- title end -->
    <!-- 地址 -->
    <div class="location_hints">
            <i class="hintstext">北京市东城区中华路甲10号</i>
            <a href="" class="relocation">刷新</a>
    </div>
    <!-- 地址 end -->
    <div class="activitylist">
        <ul>
            <li>
                <a href=""><img src="pic/f1.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price">
                    <i class="paymoney">158</i>起
                    <i class="distance">959.9m</i>
                </div>
            </li>
            <li>
                <a href=""><img src="pic/f2.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price">
                    <i class="paymoney">158</i>起
                    <i class="distance">1.1km</i>
                </div>
            </li>
            <li>
                <a href=""><img src="pic/f3.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price">
                    <i class="paymoney">158</i>起
                    <i class="distance">1.3km</i>
                </div>
            </li>
            <li>
                <a href=""><img src="pic/f4.jpg"></a>
                <h3 class="nk"><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="price">
                    <i class="paymoney">158</i>起
                    <i class="distance">1.3km</i>
                </div>
            </li>            
        </ul>
    </div>
</div>
<!-- 附近活动推荐 end -->
<!-- 为您推荐 -->
<div class="module weinin">
    <!-- title -->
    <div class="title">
        <h1>为您推荐</h1>
    </div>
    <!-- title end -->
    <div class="weininlist">
        <ul>
            <li>
                <a href=""><img src="pic/n1.jpg"></a>
                <div class="price">
                    <p><i class="paymoney">199</i>起</p>
                    <p class="pin_flag">拼团省¥100</p>
                </div>
                <div class="joincnt">已售25份</div>
                <h3><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="pnei">麦淘独家＃双十一特别推出“博物馆过冬卡”回馈新老麦粉，从玩转博物馆系列中挑选出4个主题馆，总费用是470元！</div>
                <div class="ptag"><i>玩转博物馆</i><i>北京市</i><i>6-18岁</i></div>
            </li>
            <li>
                <a href=""><img src="pic/n2.jpg"></a>
                <div class="price">
                    <p><i class="paymoney">199</i>起</p>
                </div>
                <div class="joincnt">已售25份</div>
                <h3><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="pnei">麦淘独家＃双十一特别推出“博物馆过冬卡”回馈新老麦粉，从玩转博物馆系列中挑选出4个主题馆，总费用是470元！</div>
                <div class="ptag"><i>玩转博物馆</i><i>北京市</i><i>6-18岁</i></div>
            </li>
            <li>
                <a href=""><img src="pic/n3.jpg"></a>
                <div class="price">
                    <p><i class="paymoney">199</i>起</p>
                </div>
                <div class="joincnt">已售25份</div>
                <h3><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="pnei">麦淘独家＃双十一特别推出“博物馆过冬卡”回馈新老麦粉，从玩转博物馆系列中挑选出4个主题馆，总费用是470元！</div>
                <div class="ptag"><i>玩转博物馆</i><i>北京市</i><i>6-18岁</i></div>
            </li>
            <li>
                <a href=""><img src="pic/n4.jpg"></a>
                <div class="price">
                    <p><i class="paymoney">199</i>起</p>
                </div>
                <div class="joincnt">已售25份</div>
                <h3><a href="">【麦淘自营爆款】麦淘实验室第一季《冰火秀》科学探索世界</a></h3>
                <div class="pnei">麦淘独家＃双十一特别推出“博物馆过冬卡”回馈新老麦粉，从玩转博物馆系列中挑选出4个主题馆，总费用是470元！</div>
                <div class="ptag"><i>玩转博物馆</i><i>北京市</i><i>6-18岁</i></div>
            </li>
        </ul>
    </div>
</div>
<!-- 为您推荐 end -->
<div class="moveMore"><a href="">加载更多......</a></div>



<!-- 回顶部到页底 -->
<div id="shortcutarrow">
     <a class="gototop" href="javascript:void(0)" title="回顶部" onclick="gototop()" target="_self" id="gototop">顶</a>
     <a class="gotobottom" href="javascript:void(0)" title="到页底" onclick="gotobottom()" target="_self" id="gotobottom">底</a> 
</div>
<!-- 回顶部到页底 end -->
</body>
</html>